Adwaita: flat button adjustments
authorJakub Steiner <jimmac@gmail.com>
Thu, 17 Dec 2020 10:19:46 +0000 (11:19 +0100)
committerJakub Steiner <jimmac@gmail.com>
Thu, 17 Dec 2020 11:20:29 +0000 (12:20 +0100)
- normally lighter (on bg_color)
- darker for headerbar
- undecorated checked buttons were never style properly (even gtk3)
  see page2 volume buttons

Finetunes https://gitlab.gnome.org/GNOME/gtk/-/issues/3427

gtk/theme/Adwaita/_common.scss
gtk/theme/Adwaita/_drawing.scss

index 90b09a635fbc61ab19dc77317ec1e9db7d5e2215..d64cc120dab8676727cc90644862cec9767efd74 100644 (file)
@@ -536,7 +536,8 @@ button {
         transition: $button_transition;
         transition-duration: 500ms;
       }
-      &:active {
+      &:active,
+      &:checked {
         @include button(undecorated-active);
         transition: $button_transition;
       }
@@ -1396,9 +1397,10 @@ windowcontrols {
     min-height: 0;
     &:hover {
       //special case hover colors inside a headerbar
-      @include button(undecorated-hover,$c:$headerbar_bg_color);
+      @include button(undecorated-hover,$c:darken($headerbar_bg_color,10%));
     }
-    &:active { @include button(undecorated-active,$c:$headerbar_bg_color); }
+    &:active,
+    &:checked { @include button(undecorated-active,$c:darken($headerbar_bg_color,10%)); }
   }
 }
 
index dd45692767b0d9e37257bc65e28ba2a321669b40..aca1fa8651b91dd0106f700ba9b6b565dc9e8ef4 100644 (file)
     box-shadow: none;
     text-shadow: none;
     @if $variant == 'light' {
-      background-color: darken($c,26%);
+      background-color: darken($c,14%);
     }
     @else {
       background-color: darken($c,10%);
     box-shadow: none;
     text-shadow: none;
     @if $variant == 'light' {
-      background-color: darken($c,40%);
+      background-color: darken($c,30%);
     }
     @else {
       background-color: darken($c,14%);